<div class="detail-step-wrap">
  <div *ngFor="let item of chargeFlowPathArray; let index = index" class="detail-step-wrap-item">
    <div data-flex="main:center mean:box" *ngIf="show || index === 0">
      <step-path-component data-flex [properties]="item.stepProp"></step-path-component>
      <div data-flex-box="1" class="detail-step-wrap-item-content">
        <div>{{item.month}}{{item.description}} {{item.frequency}} {{item.time}}</div>
        <div data-flex="mean:box" *ngIf="item.attachment">
          <div data-flex-box="0" class="detail-step-wrap-item-content-btn"
          (click) = "jump(item)">
            {{item.attachment}}</div>
          <div data-flex-box="1"></div>
        </div>
      </div>
      <!--停电总金额-->
      <div data-flex-box="0" *ngIf="index === 0 && item.type === powerCut" data-flex="dir:top"
           class="detail-step-wrap-item-content first-content">
        <div>欠费金额</div>
        <div data-flex="mean:box" class="detail-step-wrap-item-content-money">
          ￥{{item.totalFee}}
        </div>
      </div>
      <!--复电倒计时-->
      <div data-flex-box="0" *ngIf="index === 0 && item.type === powerRecover && item.name !== 'alreadyRecover'" data-flex="dir:top"
           class="detail-step-wrap-item-content first-content">
        <div>剩余复电时间</div>
        <div data-flex="mean:box" class="detail-step-wrap-item-content-money">
          <span *ngIf="overTime">-</span>{{countdown | async | timeDownCut}}
        </div>
      </div>

      <div data-flex-box="0" *ngIf="item.name === 'alreadyRecover'" data-flex="dir:top"
           class="detail-step-wrap-item-content first-content">
        <div>已复电</div>
        <div data-flex="mean:box" class="detail-step-wrap-item-content-money" style="font-size: 18px">
          {{recordDate | date : "yyyy-MM-dd HH:mm"}}
        </div>
      </div>
    </div>
  </div>

  <div data-flex="mean:box main:center cross:center" class="detail-step-btn" (click)="show = !show">
    <div data-flex-box="1"  data-flex="main:center cross:center">
      <i class="iconfont icon-down-copy" *ngIf="show && chargeFlowPathArray.length > 1"></i>
      <i class="iconfont icon-down" *ngIf="!show && chargeFlowPathArray.length > 1"></i>
    </div>
  </div>
</div>
